<template>
    <view>
        <u-navbar :is-back="false" title-color="#ffffff" title="我的" :background="background"></u-navbar>
        <view class="u-flex user-box u-p-l-30 u-p-r-20 u-p-b-30">
            <view class="u-m-r-10">
                <u-avatar :src="pic" size="140"></u-avatar>
            </view>
            <view class="u-flex-1">
                <view class="u-font-18 u-p-b-20">uView ui</view>
                <view class="u-font-14 u-tips-color">微信号:helang_uView</view>
            </view>
            <view class="u-m-l-10 u-p-10">
                <u-icon name="scan" color="#969799" size="28"></u-icon>
            </view>
            <view class="u-m-l-10 u-p-10">
                <u-icon name="arrow-right" color="#969799" size="28"></u-icon>
            </view>
        </view>

        <view class="u-m-t-20">
            <u-cell-group>
                <!-- <u-cell-item icon="rmb-circle" open-type="share" title="分享小程序" >
					
				</u-cell-item> -->
				<button type="default" open-type="share" >分享小程序</button>
            </u-cell-group>
        </view>
        <i-tabbar></i-tabbar>
    </view>
</template>

<script>
    import tabbar from  'pages/shops/tabbar/index'
    export default {
        components:{
            'i-tabbar':tabbar
        },
        data() {
            return {
                pic:'https://uviewui.com/common/logo.png',
                show:true,
                background: {
                    //backgroundColor: '#19be6b',

                    // 导航栏背景图
                    //background: 'url(https://cdn.uviewui.com/uview/swiper/1.jpg) no-repeat',
                    // 还可以设置背景图size属性
                    // backgroundSize: 'cover',

                    // 渐变色
                    backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
                }
            }
        },
        onLoad() {
			this.$u.mpShare.title = '超霸科技';
			this.$u.mpShare.path = 'pages/shops/home/index';
        },
        methods: {
			shareMin(){
				console.log("分享小程序")
				this.$u.mpShare = {
					title: '超霸科技', // 默认为小程序名称，可自定义
					path: 'pages/shops/home/index', // 默认为当前页面路径，一般无需修改，QQ小程序不支持
					// 分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径。
					// 支持PNG及JPG，默认为当前页面的截图
					// imageUrl: '' 
				}
			}
        }
    }
</script>

<style lang="scss">
    page{
        background-color: #ededed;
    }

    .camera{
        width: 54px;
        height: 44px;

        &:active{
            background-color: #ededed;
        }
    }
    .user-box{
        background-color: #fff;
    }
</style>
